<template>
  <div class="wrapper">
    <v-head></v-head>
    <v-sidebar></v-sidebar>
    <div class="content-box">
        <v-content></v-content>
    </div>
  </div>
</template>

<script>
import vHead from './Head'
import vSidebar from './Sidebar'
import vContent from './Content'
export default {
  data () {
    return {

    }
  },
  components: {
    vHead,
    vSidebar,
    vContent
  }
}
</script>

<style scoped>
.content-box {
    position: absolute;
    left: 202px;
    right: 0;
    top: 60px;
    bottom: 0;
    overflow-y: scroll;
    transition: left 0.3s ease-in-out;
    /* background: #fff; */
    min-width: 825px;
    
  background: url(../../assets/table.png) repeat;
  }
</style>
